﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%request.setAttribute("path", request.getContextPath());%>
<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Ganic - Organic Food & Grocery Market Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="${path}/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="${path}/assets/css/animate.min.css">
        <link rel="stylesheet" href="${path}/assets/css/magnific-popup.css">
        <link rel="stylesheet" href="${path}/assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="${path}/assets/css/jquery-ui.css">
        <link rel="stylesheet" href="${path}/assets/css/flaticon.css">
        <link rel="stylesheet" href="${path}/assets/css/aos.css">
        <link rel="stylesheet" href="${path}/assets/css/slick.css">
        <link rel="stylesheet" href="${path}/assets/css/default.css">
        <link rel="stylesheet" href="${path}/assets/css/style.css">
        <link rel="stylesheet" href="${path}/assets/css/responsive.css">
    </head>
    <body>

    <!-- preloader -->
    <div id="preloader">
        <div id="loading-center">
            <div class="loader">
                <img src="${path}/assets/img/logo/ico.png" alt="">
            </div>
        </div>
    </div>
    <!-- preloader-end -->

    <!-- header-area -->
    <header class="header-style-two">
        <!-- header-search-area -->
        <div class="header-search-area">
            <div class="container custom-container">
                <div class="row align-items-center">
                    <div class="col-xl-2 col-lg-3 d-none d-lg-block">
                        <div class="logo">
                            <a href="${path}/Index"><img src="${path}/assets/img/logo/logo.png" alt="Logo"></a>
                        </div>
                    </div>
                    <div class="col-xl-10 col-lg-9">
                        <div class="d-block d-sm-flex align-items-center justify-content-end">
                            <div class="header-search-wrap">
                                <form action="#">
                                    <input type="text" placeholder="搜索商品">
                                    <button><i class="flaticon-loupe-1"></i></button>
                                </form>
                            </div>
                            <div class="header-action">
                                <ul>
                                    <c:choose>
                                        <c:when test="${requestScope.userSession==null}">
                                            <li class="header-user" ><a href="${path}/Login" style="color: var(--color-primary);width: 60px;border-radius: 20px">
                                                登录</a></li>
                                            <%--                                        <li class="header-wishlist">--%>
                                            <%--                                            <a href="#"><i class="flaticon-heart-shape-outline"></i></a>--%>
                                            <%--                                            <span class="item-count">0</span>--%>
                                            <%--                                        </li>--%>
                                            <li class="header-user"><a href="${path}/Regist" style="color: var(--color-primary);width: 60px;border-radius: 20px">
                                                注册</a></li>
                                        </c:when>
                                        <c:otherwise>
                                            <li class="header-user">
                                                <div class="header-cart-wrap">
                                                    <a href="${path}/User"><img src="${requestScope.userSession.pic_link}" alt="" style="width:44px;border-radius: 50px;height: 44px;object-fit: cover"></a>
                                                    <ul class="minicart" style="padding-right: 10px">
                                                        <li class="d-flex align-items-start">
                                                            <div class="cart-img">
                                                                <img src="${requestScope.userSession.pic_link}" alt="" style="width: 90px;height: 90px;border-radius: 90px">
                                                            </div>
                                                            <div class="cart-content" style="margin-top: 15px;padding-right: 15px">
                                                                <h4>${requestScope.userSession.loginname}</h4>
                                                                <div class="cart-price">
                                                                    <span class="new">${requestScope.userSession.userTypeText}</span>
                                                                    <span style="margin: 0">${requestScope.userSession.phone}</span>
                                                                </div>
                                                            </div>
                                                            <div class="del-icon">
                                                                <a onclick="logout()" style="cursor: pointer"><i class="far fa-sign-out-alt"></i></a>
                                                            </div>
                                                        </li>
                                                        <li class="d-flex align-items-start">
                                                            <div class="index-proPicBtns">
                                                                <a href="${path}/User"><button>个人中心</button></a>
                                                                <button>已买到的宝贝</button>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="header-cart-action">
                                                <div class="header-cart-wrap">
                                                    <a href="${path}/Cart"><i class="flaticon-shopping-basket"></i></a>
                                                    <span class="item-count">2</span>
                                                    <ul class="minicart">
                                                        <li class="d-flex align-items-start">
                                                            <div class="cart-img">
                                                                <a href="${path}/Cart"><img src="${path}/assets/img/product/cart_p01.jpg" alt=""></a>
                                                            </div>
                                                            <div class="cart-content">
                                                                <h4><a href="Product.jsp">Organic Farm Fresh Nuts</a></h4>
                                                                <div class="cart-price">
                                                                    <span class="new">$229.9</span>
                                                                    <span><del>$229.9</del></span>
                                                                </div>
                                                            </div>
                                                            <div class="del-icon">
                                                                <a href="#"><i class="far fa-trash-alt"></i></a>
                                                            </div>
                                                        </li>
                                                        <li class="d-flex align-items-start">
                                                            <div class="cart-img">
                                                                <a href="Product.jsp"><img src="${path}/assets/img/product/cart_p02.jpg" alt=""></a>
                                                            </div>
                                                            <div class="cart-content">
                                                                <h4><a href="Product.jsp">Organic Fresh Nuts Vanla Butter</a></h4>
                                                                <div class="cart-price">
                                                                    <span class="new">$229.9</span>
                                                                    <span><del>$229.9</del></span>
                                                                </div>
                                                            </div>
                                                            <div class="del-icon">
                                                                <a href="#"><i class="far fa-trash-alt"></i></a>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="total-price">
                                                                <span class="f-left">Total:</span>
                                                                <span class="f-right">$239.9</span>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="checkout-link">
                                                                <a href="Cart.jsp">Shopping Cart</a>
                                                                <a class="black-color" href="checkout.jsp">Checkout</a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </c:otherwise>
                                    </c:choose>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header-search-area-end -->
    </header>
    <!-- header-area-end -->


    <!-- main-area -->
        <main>
            <!-- contact-area -->
            <section class="contact-area pt-60 pb-70">
                <div class="container">
                    <div class="container-inner-wrap">
                        <div class=" m-auto">
                            <div>
                                <div class="payment-info-wrap">
                                    <div class="paymentMessageDiv">
                                        <div>
                                            <i class="fa fa-check-circle"></i>
                                            <span class="successMessage" style="font-size: 30px!important;">付款成功，感谢您在青鸟优选购物！</span>
                                        </div>
                                        <div class="paymentInformation">
                                            <p><span>订单号:${requestScope.order.serial}</span><span>商品数量:${requestScope.order.count}</span></p>
                                            <p><span>创建时间：${requestScope.order.createTime}</span><span>支付时间：${requestScope.order.createTime}</span></p>
                                            <p><span>支付方式: 会员尊享假装支付</span><span>实付金额：${requestScope.order.cost}</span></p>
                                        </div>
                                        <div class="successChoise">
                                            <a href="${path}/Index">返回首页</a>
                                            <a href="${path}/Orders" class="ml-5">查看订单</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- contact-area-end -->

        </main>
        <!-- main-area-end -->
    <!-- footer-area -->
    <footer>
        <div class="copyright-wrap">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <div class="copyright-text">
                            <p>Copyright &copy 2006-2020 武汉北启至优文化科技有限公司 版权所有 All Rights Reserved.</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="payment-accepted text-center text-md-right">
                            <img src="${path}/assets/img/images/payment_card.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer-area-end -->
		<!-- JS here -->
        <script src="${path}/assets/js/vendor/jquery-3.6.0.min.js"></script>
        <script src="${path}/assets/js/bootstrap.min.js"></script>
        <script src="${path}/assets/js/isotope.pkgd.min.js"></script>
        <script src="${path}/assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="${path}/assets/js/jquery.magnific-popup.min.js"></script>
        <script src="${path}/assets/js/jquery.countdown.min.js"></script>
        <script src="${path}/assets/js/jquery-ui.min.js"></script>
        <script src="${path}/assets/js/slick.min.js"></script>
        <script src="${path}/assets/js/ajax-form.js"></script>
        <script src="${path}/assets/js/wow.min.js"></script>
        <script src="${path}/assets/js/aos.js"></script>
        <script src="${path}/assets/js/plugins.js"></script>
        <script src="${path}/assets/js/main.js"></script>
    </body>
</html>
